@charset 'utf-8';
div{
	margin: 10px;
}
#tag:focus{
	animation: twinkle 1s linear infinite;
}
span{
	display: inline-block;
	min-width: 30px;
	margin:5px;
	color: #fff;
	padding:5px;
	font-weight: bold;
	cursor: pointer;
}
#tagShow span{
	background: #8AC9FC;
}
#wrap span:hover,#tagShow span:hover{
	background: red;
}
span:hover:before{
	content:'点击删除';
}
#wrap span{
	background: #F7C57D;
}
#text{
	width: 250px;
	height: 100px;
	resize:none;
}
#btn{
	border-radius: 5px;
	outline: none;
	cursor: pointer;
}
@keyframes twinkle{
	 0%{outline:  solid 1px #8AC9FC;}
	10%{outline:  solid 3px #8AC9FC;}
	20%{outline:  solid 4px #8AC9FC;}
	30%{outline:  solid 4px #8AC9FC;}
	40%{outline:  solid 4px #8AC9FC;}
	50%{outline:  solid 4px #8AC9FC;}
	60%{outline:  solid 4px #8AC9FC;}
	70%{outline:  solid 4px #8AC9FC;}
	80%{outline:  solid 4px #8AC9FC;}
	90%{outline:  solid 2px #8AC9FC;}
 100%{outline:  solid 1px #8AC9FC;}
}
